Field 输入框

基础用法

MillField(hintText: 'tips', label: 'Label')

添加图标

prefixIcon 和 suffixIcon 分别设置前后的 icon。

MillField(
  hintText: '请输入...',
  label: 'Label',
  suffixIcon: Icon(
    Icons.warning,
    size: 16,
  ),
  prefixIcon: Icon(
    Icons.supervised_user_circle,
    size: 16,
  ),
)

设置只读

readonly 设置只读模式， readBox：设置只读模式下，展示的内容

MillField(
  label: 'Label',
  readonly: true,
  readBox: GestureDetector(
    onTap: _alert,
    child: Text(isCn ? '只读' : 'Readonly'),
  ),
  suffixIcon: Icon(
    Icons.keyboard_arrow_right,
    size: 26,
  ),
)

控制器

controller 可以传一个 TextEditingController 控制器。

TextEditingController mControll = TextEditingController();
@override
void initState() {
  mControll.text = 'Default';
  super.initState();
}

@override
void dispose() {
  mControll.dispose();
  super.dispose();
}

onChanged(text) {
  setState(() {
    _text = text;
  });
}

...
  
MillField(
  label: 'Label',
  onChanged: onChanged,
  controller: mControll,
  prefixIcon: Icon(
    Icons.supervised_user_circle,
    size: 16,
  ),
  suffixIcon: GestureDetector(
    onTap: () {
      mControll.clear();
    },
    child: Icon(
      Icons.close,
      size: 16,
    ),
  ),
)

Attributes

字段名称	说明	类型	默认值
padding	内边距	EdgeInsets	EdgeInsets.only(left: 10, right: 10, bottom: 0, top: 0)
background	背景色		Color(0xffffffff),
border	边框	Border	null
borderRadius	radius	BorderRadius	null
labelWidth	宽度	double	100
label	字段名称	String
labelColor	左侧字段名称的颜色	Color	Color(0xff333333)
value	值	String
valueColor	右侧值的颜色	Color	Color(0xff333333)
readonly	是否是只读	bool	false
autofocus		bool	false
hintText	提示文本	String
hintMaxLines	提示行数	int	1
hintStyle	提示样式	TextStyle	TextStyle(color: Color(0xff999999))
keyboardType	设置输入类型	TextInputType	TextInputType.text
obscureText	是否隐藏输入的文字	bool	false
inputFillColor	输入框颜色	Color	Color(0xffffffff)
suffixIcon	输入框icon	Widget
prefixIcon	label icon	Widget
readBox	只读模式是展示的元素	Widget
controller	输入框控制器	TextEditingController
onChanged	回调